<template>
  <el-card class="content_card">
    <div class="title-box">
      <p>关于</p>
    </div>
    <md-editor v-model="aboutContent" :previewOnly="true" />
  </el-card>
</template>

<script setup>
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

useHead({
  title: '关于 | 小豪前端'
})

const aboutContent = `#### 大家好，我是小豪，欢迎来到我个人小站
## 关于个人
> 目前是一名web前端工程师，期望自己在未来几年不断沉淀技术，有所成就
- 掘金：[https://juejin.cn/user/2942735019423943](https://juejin.cn/user/2942735019423943)
- 个人邮箱：[jproud1996@163.com](https://email.163.com/)
- Gitee：[https://gitee.com/powerJproud](https://gitee.com/powerJproud)
- VR看房项目：[https://vr.superzhihao.top](https://vr.superzhihao.top)

## 关于本站
> 平时会将一些学习记录、问题解决方法放到小站上分享`

</script>

<style lang="less" scoped>
// .v-note-wrapper {
//   border: 0;
// }

@media screen and (max-width: 1200px) {
  :deep(.el-card__body) {
    padding: 10px;

    .v-note-wrapper .v-note-panel .v-note-show .v-show-content,
    .v-note-wrapper .v-note-panel .v-note-show .v-show-content-html {
      padding: 8px 15px 15px;
    }
  }
}
</style>